import { Wrapper } from "./pageStyle"
import { useState } from "react"
import useScrollPosCustom from "./useScrollPosCustom"

export default function PageA() {
  const [offsetTop, setOffsetTop] = useState(0) // 一进来默认是0
  useScrollPosCustom(setOffsetTop)
  return (
    <div>
      <h4>我这个页面很长 往下滚动!</h4>
      <Wrapper>
        <div className="pageName">pageB</div>
        <div className="showScroll">滚动条距顶部的距离： {offsetTop} px</div>
      </Wrapper>
    </div>
  )
}

// 额外知识：eventPhase 事件属性返回一个数字，指示当前正在评估事件流的哪个阶段。
// 这个数字由 4 个常量表示： 0. NONE 1. CAPTURING_PHASE - 事件流处于捕获阶段 2. AT_TARGET -
